<template>
  <el-container>
    <LeftNav />
    <el-container id="container">
      <Header />
      <Main />
      <!-- <Footer /> -->
    </el-container>
    <Drawer />
  </el-container>
</template>

<script>
import Header from "@/components/models/Header";
import LeftNav from "@/components/models/LeftNav";
import Main from "@/components/models/Main";
import Drawer from "@/components/models/Drawer";
// import Footer from '@/components/models/Footer'

export default {
  components: {
    Header,
    LeftNav,
    Main,
    Drawer,
    // Footer
  },

  data() {
    return {};
  },

  watch: {},

  mounted() {},

  methods: {},
};
</script>

<style>
#container {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
</style>

<style scoped></style>
